<div layoutH="0">
    <div class="row">
        <div class="col-md-6 col-sm-12">

            <div class="panel collapse" defH="150">
                <h1>左边容器</h1>
                <div>
                    拖动浏览器窗口大小,测试页面布局
                </div>
            </div>

        </div>
        <div class="col-md-6 col-sm-12">

            <div class="panel collapse" defH="150">
                <h1>右边容器</h1>
                <div>
                    拖动浏览器窗口大小,测试页面布局
                </div>
            </div>

        </div>
    </div>

    <h2 class="subTitle">TEST Layout</h2>
    <div class="row" style="padding: 0 10px;">
        <div class="col-md-3 col-sm-12" style="border: 1px dashed #f00">
            test1
        </div>
        <div class="col-md-6 col-sm-12" style="border: 1px dashed #f00;">
            <p>test2</p>
        </div>
        <div class="col-md-3 col-sm-12" style="border: 1px dashed #f00">
            test3
        </div>
    </div>
    <div class="row" style="padding: 0 10px;">
        <div class="col-md-3 col-sm-12" style="border: 1px dashed #f00">
            test4
        </div>
        <div class="col-md-6 col-sm-12" style="border: 1px dashed #f00">
            test5
        </div>
        <div class="col-md-3 col-sm-12" style="border: 1px dashed #f00">
            test6
        </div>
    </div>
</div>